<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head th:replace="base::head(~{})">
</head>
<body>
	<div class="x-body layui-anim layui-anim-up">
		<blockquote class="layui-elem-quote">
			北京时间:
			<span id="date"></span>
			<span id="time"></span>
		</blockquote>
		<fieldset class="layui-elem-field">
			<legend>数据统计</legend>
			<div class="layui-field-box">
				<div class="layui-col-md12">
					<div class="layui-card">
						<div class="layui-card-body">
							<div class="layui-carousel x-admin-carousel x-admin-backlog" lay-anim="" lay-indicator="inside" lay-arrow="none" style="width: 100%; height: 90px;">
								<div carousel-item="">
									<ul class="layui-row layui-col-space10 layui-this">
										<li class="layui-col-xs2">
											<a href="javascript:;" class="x-admin-backlog-body">
												<h3>文章数</h3>
												<p>
													<cite>0</cite>
												</p>
											</a>
										</li>
										<li class="layui-col-xs2">
											<a href="javascript:;" class="x-admin-backlog-body">
												<h3>会员数</h3>
												<p>
													<cite>0</cite>
												</p>
											</a>
										</li>
										<li class="layui-col-xs2">
											<a href="javascript:;" class="x-admin-backlog-body">
												<h3>回复数</h3>
												<p>
													<cite>0</cite>
												</p>
											</a>
										</li>
										<li class="layui-col-xs2">
											<a href="javascript:;" class="x-admin-backlog-body">
												<h3>商品数</h3>
												<p>
													<cite>0</cite>
												</p>
											</a>
										</li>
										<li class="layui-col-xs2">
											<a href="javascript:;" class="x-admin-backlog-body">
												<h3>文章数</h3>
												<p>
													<cite>0</cite>
												</p>
											</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</fieldset>
		<fieldset class="layui-elem-field">
			<legend>系统信息</legend>
			<div class="layui-field-box">
				<table class="layui-table">
					<tbody>
						<tr>
							<th>xxx版本</th>
							<td>1.0.180420</td>
						</tr>
						<tr>
							<th>服务器地址</th>
							<td>x.xuebingsi.com</td>
						</tr>
						<tr>
							<th>操作系统</th>
							<td>WINNT</td>
						</tr>
						<tr>
							<th>运行环境</th>
							<td>Apache/2.4.23 (Win32) OpenSSL/1.0.2j mod_fcgid/2.3.9</td>
						</tr>
						<tr>
							<th>PHP版本</th>
							<td>5.6.27</td>
						</tr>
						<tr>
							<th>PHP运行方式</th>
							<td>cgi-fcgi</td>
						</tr>
						<tr>
							<th>MYSQL版本</th>
							<td>5.5.53</td>
						</tr>
						<tr>
							<th>ThinkPHP</th>
							<td>5.0.18</td>
						</tr>
						<tr>
							<th>上传附件限制</th>
							<td>2M</td>
						</tr>
						<tr>
							<th>执行时间限制</th>
							<td>30s</td>
						</tr>
						<tr>
							<th>剩余空间</th>
							<td>86015.2M</td>
						</tr>
					</tbody>
				</table>
			</div>
		</fieldset>
	</div>
<script>
function getDate() {
	var today = new Date();
	var date = today.getFullYear() + "年" + twoDigits(today.getMonth() + 1) + "月" + twoDigits(today.getDate()) + "日 ";
	var week = " 星期" + "日一二三四五六 ".charAt(today.getDay())+"";
	var time = twoDigits(today.getHours()) + ":" + twoDigits(today.getMinutes()) + ":" + twoDigits(today.getSeconds());
	$("#date").html(date + time + week);
}
function twoDigits(val) {
	if (val < 10) return "0" + val; return val;
}
$(function () {
	getDate();
	setInterval(getDate, 1000);
});
</script>
</body>
</html>